<template>
  <div>
    <!-- 导航栏 -->
    <van-nav-bar
      title="购物车"
      left-text="返回"
      right-text="编辑"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />

    <!-- 商品卡片 -->
      <van-card
        price="2.00"
        desc="描述信息"
        title="商品标题"
        thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
      >
        <template #tags>
          <van-tag plain type="danger">标签</van-tag>
          <van-tag plain type="danger">标签</van-tag>
        </template>
        <template #footer>
          <van-stepper v-model="value" />
        </template>
      </van-card>

      <!-- 结算 -->
      <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit" />
  </div>
</template>
<script>
export default {
    data() {
        return {
          price:1,
          desc:'商品描述',
          title:'标题',
          value: 1,
        }
    },
  methods: {
    onClickLeft() {
      // Toast("按钮");
      this.$router.push('/');
    },
    onClickRight() {
      Toast("按钮");
    },
    onSubmit(){
      console.log()
      // this.$router.push('/');
    }
  },
};
</script>